<template>
   <div class="a">课程列表</div>
   <el-divider />
   <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="id" label="序号" width="180" />
    <el-table-column prop="name" label="课程名称" width="180" />
    <el-table-column prop="date" label="创建时间" width="180" />
     <li v-for="i in tableData" :key="i.id">
                    <router-link :to="'/kecheng/qtkc/' +i.id">{{i.title}}</router-link>
                </li>
  </el-table>
</template>

<script lang="ts" setup>
const tableData = [
  {
    id:1,
    name: 'Java程序设计',
    date: '2020-12-12',
  },
  {id:2,
    name: 'MySOL数据库技术',
    date: '2021-12-11',
  },
  {id:3,
    name: 'Web前端开发基础',
    date: '2021-12-11',
  },
  {id:4,
    name: 'Web前端开发基础',
    date: '2021-12-11',
  },
]
</script>


<style scoped>
.a{
    height:50px;
    width: 100%;
    line-height:70px;
    margin-left: -470px;
    
}
</style>